<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title>layout</title>
	<link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen" charset="utf-8" />
	<link rel="stylesheet" href="../css/panel.css" type="text/css" media="screen" charset="utf-8" />
	<script src="search_index.js" type="text/javascript" charset="utf-8"></script>
	<script src="tree.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/searchdoc.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
		//<![CDATA[
	    function placeholder() {
 	       if (jQuery.browser.safari) return;
 	       $('#search-label').click(function() {
 	           $('#search').focus();
 	           $('#search-label').hide();
 	       });

 	       $('#search').focus(function() {
 	           $('#search-label').hide();
            });
 	       $('#search').blur(function() {
 	           this.value == '' && $('#search-label').show()
 	       });

 	       $('#search')[0].value == '' && $('#search-label').show();
 	       
 	       setInterval(function() { $('#search')[0].value != '' && $('#search-label').hide() }, 100)
	    }
	   $(function() {
	       placeholder();
	       new Searchdoc.Panel($('#panel'), search_data, tree, top.frames[1]);
	       $('#search').focus();
	   })
		//]]>
	</script>
</head>
<body>
    <div class="panel panel_tree" id="panel">
        <div class="header">
            <div>
                <label for="search" id="search-label" style="display: none">Search</label>
                <table>
                <tr><td>
                    <input type="Search" placeholder="Search" autosave="searchdoc" results="10" id="search" autocomplete="off"/>
                </td></tr>
            </table></div>
        </div>
        <div class="tree">
            <ul>
            </ul>
        </div>
        <div class="result">
            <ul>
            </ul>
        </div>
    </div>
</body>
</html>
